@charset "utf-8";
/* CSS Document */
*{margin: 0px;padding:0px;}
html {
    color: #000;
    background: #fff;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, p, th, td {
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
fieldset, img , input{
    border: 0;
}
li {
    list-style: none;
}
em, strong, th {
    font-style: normal;
    font-weight: normal;
}
input, textarea, select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
body {
    font-size: 12px;
    font-family: "宋体";
    color: #333;

}
a:link, a:visited {
    color: #333;
    text-decoration: none;
}

a:hover {
    color: #a10000;
    text-decoration: none;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.clear {
    clear: both;
}

body {
    font-size: 12px;
    font-family: "宋体";
    color: #333;
}
.vanclHead {
    height: auto;
    width: 100%;
}
.headerTopAreaBox {
    background: #fff;
    border-bottom: 1px solid #ccc;
    color: #808080;
    height: 32px;
    width: 100%;
}
.headerTopAreaBox a {
    color: #808080;
}
.headerTopAreaBox a:hover {
    color: #a10000;
}
.headerTopArea {
    background: #f7f7f7;
    height: 31px;
    width: 100%;
    /*border:1px solid red;*/
}
.headerTopArea .headerTop {
    width: 1200px;
    background: #f7f7f7;
    height: 31px;
    line-height: 32px;
    margin: 0 auto;
    /*border: 1px solid red;*/
}
.headerTopArea .headerTopLeft {
    float: left;
    width: 480px;
}
.headerTopArea .loginArea {
    float: left;
}
.headerTopArea .loginArea a:link, .headerTopArea .loginArea a:visited, .headerTopArea .loginArea a:hover {
    color: #808080;
}
.headerTopArea .loginArea span {
    color: #808080;
}
.headerTopArea .recommendArea {
    display: inline;
    float: left;
    margin: 0 0 0 13px;
}
.headerTopArea .headerTopRight {
    float: right;
    width: 555px;
    position: relative;
    z-index: 10000;
}
.headerTopRight .drop, .headerTopRight .vanclPhone, .headerTopRight .vanclService, .headerTopRight .payattention {
    cursor: pointer;
    display: inline;
    float: left;
    height: 18px;
    line-height: 18px;
    position: relative;
    width: 70px;
    z-index: 1000;
    margin: 7px 5px 0 0;
}
.headerTopRight .payattention {
    float: right;
    width: 50px;
    position: relative;
}
.headerTopRight .mapDropTitle {
    background: url(../images/vanclsprite.png) no-repeat 50px 3px;
    display: block;
    width: 65px;
    padding-left: 5px;
}
.headerTopRight .mapDropTitle:hover {
    background: url(../images/spritesbgtop.png) no-repeat 0 -40px;
    display: block;
    width: 65px;
}
.mapDropListBox {
    position: absolute;
    left: 0;
    top: 18px;
    display: none;
}
.headerTopRight li:hover .mapDropListBox {
    display: block;
}
.mapDropList {
    width: 68px;
    padding: 4px 0 0;
    border: 1px solid #a10000;
    border-top: none;
    border-bottom: none;
    overflow: hidden;
    background: #fff;
}
.mapDropList li a {
    display: block;
    padding-left: 14px;
    width: 54px;
    background: url(../images/spritesbgtop.png) no-repeat -115px 7px;
}
.myVanclDropListBj {
    width: 70px;
    height: 5px;
    background: url(../images/spritesbgtop.png) no-repeat 0 -65px;
    font-size: 0;
    overflow: hidden;
}
.vanclPhone a {
    display: block;
    width: 65px;
    background: url(../images/vanclsprite.png) no-repeat 50px -26px;
    height: 20px;
    line-height: 20px;
}
.vanclService a {
    display: block;
    width: 66px;
    background: url(../images/customer_2.png) no-repeat 50px 0;
    height: 20px;
    line-height: 20px;
}
.vweixinbox {
    display: block;
    background: url(../images/w1.jpg) no-repeat 0 0;
    width: 18px;
    float: left;
}
.vanclweibo {
    display: block;
    background: url(../images/w2.jpg) no-repeat 0 0;
    width: 18px;
    float: left;
    margin-left: 10px;
}
.vanclLogoSearch {
    width: 1200px;
    height: 62px;
    margin: 20px auto 10px;
    /*border:1px solid red;*/
}
.vanclLogo {
    height: 47px;
    padding: 0 0 0 33px;
    width: 166px;
    /*border:1px solid red;*/
}
.vanclLogo a {
    background: url("../images/vanclsprite.png") no-repeat scroll 0 -59px;
    display: block;
    height: 47px;
    width: 166px;
}
/*搜索开始*/
.vanclSearch {
    padding-top: 7px;
    width: 560px;
    /*border:1px solid red;*/
}
.searchTab {
    height: 29px;
    /*border: 1px solid blue;*/
}
.searchTab .Enter {
    border: 1px solid #c9caca;
    height: 27px;
    line-height: 27px;
    text-indent: 0.5em;
    width: 379px;
}
.searchTab .btn {
    background: url("../images/vanclsprite.png") no-repeat scroll -99px 0;
    cursor: pointer;
    height: 29px;
    width: 49px;
}
/*购物车 页面默认状态*/
.searchTab #shoppingCarNone {
    background: url("../images/vanclsprite.png") no-repeat scroll -154px 0;
    border: 1px solid #c1383e;
    float: right;
    height: 27px;
    position: relative;
    width: 105px;
    z-index: 10;
}
/*购物车链接文字颜色*/
.searchTab #shoppingCarNone a.cartab {
    color: #fff;
    display: block;
    font-size: 12px;
    padding-left: 29px;
    padding-top: 6px
}
.searchTab #shoppingCarNone a.cartab:hover{
    color:#b81c22;
}
/*购物车 鼠标滑过状态*/
.searchTab #shoppingCarNone:hover{
    color:#b81c22;
    float: right;
    height:27px;
    width:105px;
    position: relative;
    z-index: 100;
    background:url("../images/vanclsprite.png") no-repeat -153px -29px;
}
#shoppingCarNone:hover .bottomlines {
    background: #fff;
    height: 4px;
    position: absolute;
    top: 25px;
    width: 100%;
    z-index: 10;
}
#shoppingCarNone:hover .BuycarTab {
    display: block;
}
.BuycarTab {
    background: #fff;
    border: 1px solid #b81c22;
    width: 315px;
    height: auto;
    position: absolute;
    right: -1px;
    top: 27px;
    display: none;
}
.search {
    width: 440px;
    float: left;
}
/*搜索结束*/
//尾部部分
#footerArea{
    height: 100%;
    width: 100%;
    margin-top: 40px;
}
.vanclFootBox {
    height: 100%;
    clear: left;
    margin: 0 auto;
    width: 100%;
}
.vanclFoot {
    border: 1px solid #e0e0e1;
    height: 160px;
    margin: 0 auto;
    padding-top: 28px;
    width: 1198px;
}
.vanclFoot ul li {
    border-right: 1px solid #e0e0e1;
    float: left;
    font-family: "Microsoft YaHei";
    height: 138px;
    padding-left: 70px;
    width: 127px;
}
.vanclFoot ul li h2 {
    font-size: 14px;
    margin-bottom: 15px;
}
.vanclFoot ul li p {
    line-height: 20px;
}
.vanclFoot ul li.footline {
    border: medium none;
}
.footIcon {
    width: 1200px;
    height: 52px;
    margin: 15px auto;
}
.footIcon ul li {
    float: left;
    height: 52px;
    width: 25%;
}
.footIcon ul li a {
    display: block;
    height: 30px;
    margin-top: 11px;
    width: 100%;
    text-align: center;
}
.footBottom {
    border-top: 1px solid #3e3a39;
    height: 33px;
    margin: 0 auto;
    width: 100%;
}
.footBottom p {
    color: #3e3a39;
    font-family: "Arial";
    line-height: 33px;
    text-align: center;
}
.subFooter {
    margin: 0 auto 25px;
    text-align: center;
    width: 980px;
}
.subFooter a {
    margin: 0 10px;
}
.ad {
    background: #b81b22;
    text-align: center;
    overflow: hidden;
    height: 50px;
}
//尾部部分结束
/*关键字搜索*/
.hotWord {
    color: #727171;
    line-height: 18px;
    padding-top: 5px;
    text-align: center;
    width: 440px;
}
.hotWord p a:link, .hotWord p a:visited, .hotWord p a:hover, .hotWord p a:active {
    color: #727171;
    margin:0px auto;
}
.vanclNavHead{
    width:100%;
    height:49px;
    .vanclNavBox{
        width:1200px;
        height:49px;
        margin: 0px auto;
        position: relative;
        .allProduct{
            width: 260px;
            height: 49px;
            background: #B81C22 none repeat;
            position: relative;
            z-index: 1000;
            float: left;
            &:hover .categoryList{
                display: block;
            }
            .subnavCon{
                display: block;
                text-align: center; 
                line-height: 49px;
                font-size: 17px;
                color: #fff;
                cursor: pointer;    
                font-weight: 600;
                em{
                    display: block; 
                    width: 20px;
                    height: 14px;
                    float: right;   
                    margin-top: 17px;
                    border: 0px none;
                    overflow: hidden;   
                    margin-right: 28px;
                    background: url(../images/vanclsprite.png) no-repeat scroll -380px -206px;
                }
            }
            .categoryList{
                width: 256px;
                height: auto;
                position: absolute;
                left: 0px;
                top: 47px;
                border: 2px solid #B81C22;
                overflow: hidden;   
                z-index: 1000px;
                background: #fff no-repeat;
                display: none;
                dl{
                    width: 258px;
                    line-height: 16px;
                    padding-top: 10px;
                    border-width: 1px 0px medium;
                    border-style: solid solid none;
                    border-color: #b81c22;
                    margin-top: 17px;
                    position: relative;
                    h3{
                        padding: 0px 3px;
                        line-height: 20px;
                        font-size: 14px;
                        color: #b81c22;
                        background: #fff no-repeat;
                        position: absolute;
                        left: 35px;
                        top: -10px;
                        a{
                            color: #b81c22;
                        }
                    }
                    dt{
                    padding: 10px 0px 0px 37px;
                    font-size: 14px;
                    color: #A3A2A2;
                        a{
                            color: #A3A2A2;
                        }
                    }
                    dd{
                        padding: 5px 0px 10px 30px;
                        border-bottom: 1px solid #C8C8C9;
                        .track{
                            color: #b81c22;
                        }
                    }
                }
            }
            
        }
        .vanclNavList{
                width:940px;
                height:49px;
                float: left;
                position: relative;
                ul{
                    width:950px;
                    height:49px;
                    background: #EFEFEF;
                   li{
                       width: 117.5px;
                       height: 49px;
                       text-align: center;
                       line-height: 49px;
                       float: left;
                       &:hover{
                           color: #727171;
                           background: #E5E6E6;
                           }
                       &:hover .i_item_pic{
                           display: block;
                       }
                       
                       a{
                           font-size: 16px;
                           
                       }
                       
                       .i_item_pic{
                           width: 948px;
                           height:168px;
                           overflow: hidden; 
                           z-index: 5;   
                           border-width: 1px 1px 2px;
                            border-style: solid;
                            border-color: #DBDBDD;
                            position: absolute;
                            left: 0px;
                            top: 49px;
                            display:none;
                            ul{
                                width: 948px;
                                height: 169px;
                                background: #FFFFFF no-repeat;
//                              border:1px solid red;
                                
                                li{
                                   width: 430px;
                                   height: 150px;
                                   margin-left: 40px;
                                   float:left;
                                   overflow:hidden;
                                   border-right: 1px solid #000;
                                   a{
                                       width: 120px;
                                        height: 140px;
                                        display: block;
                                        margin-left: 50px;
                                        float: left;
                                        overflow: hidden;
                                        img{
                                        width:120px;
                                        height:140px;
                                        }
                                   } 
                                
                                .contentB{
                                    width: 230px;
                                    height: 140px;
                                    padding: 15px 10px 0px;
                                    overflow: hidden;
                                    h3{
//                                      width: 100%;
                                        height: 35px;
                                        text-align: left;
                                        line-height: 30px;
                                        overflow: hidden;
                                        margin-left: -50px;
                                    }
                                    p{
                                        color: #999;
                                        font-size: 12px;
                                        text-align: left;
                                        line-height: 16px;
                                        width: 120px;
                                    }
                                    .track{
                                        color: #B81C22;
                                        font-size: 16px;
                                        line-height: 30px;
                                    }
                                }
                                
                                }
                                .line{
                                    border-right: none;
                                }
                            }
                        
                            
                    }
                } 
            }
        }
    }
}
//内容部分开始
.selectareali{
    width: 1200px;
    height:40px;
    margin: 0px auto;
    margin-top: 10px;
    .left{

        height:40px;
        line-height: 40px;
        float: left;
        span{
           color:#C9C9C9; 
        }
    }
    .tsmsg{
        
        height: 40px;
        line-height: 40px;
        float: right;
        color: #B4B4B4;
    }
}
//颜色筛选
.colorBox{
    width: 1200px;
    margin: 0px auto;
    .word{
        width: 1200px;
        border: 1px solid #B4B4B4;
        border-bottom: none;
       dl{
           height:34px;
           border-bottom: 1px dashed #B4B4B4;
          dt{
            width: 66px;
            height: 34px;
            float: left;
           text-align: center;  
           line-height: 34px;
           border-right: 1px solid #B4B4B4;
            }
            dd{
              width: 66px;
            height: 34px;
            float: left;
           text-align: center;  
           line-height: 34px;  
            }
       }

    }
    .color{
        width: 1200px;
        height: 47px;
        border: 1px solid #B4B4B4;
        border-top: none;
        background: #EDEDED no-repeat;
        span{
            display: block;
            width: 36px;
            height: 47px;
            text-align: center; 
            line-height: 47px;
            color: #72727C;
            margin-left: 15px;
            float: left;
        }
        
        ul{
            width: 282px;
            height: 27px;
            float: left;
            line-height: 27px;
            margin-top: 8px;
//          border: 1px solid red;
            
            li{
                display: block;
                float: left;
                margin-left: 3px;
                margin-bottom: 8px;
                margin-top: 5px;
                .quan{
                    display: block;
                    width: 33px;
                    height: 17px;
                    border: 1px solid red;
                    text-decoration: none;
                    background: url(../images/sprites.png)  no-repeat 0px -259px;
                }
                .color{
                    display: block;
                    width: 17px;
                    height: 17px;
                    background: url(../images/sprites.png) no-repeat scroll 0px -276px;
                }
                .a{
                    background: url(../images/sprites.png) no-repeat scroll 0px -293px;
                }
                .b{
                    background: url(../images/sprites.png) no-repeat scroll 0px -208px;
                }
                .c{
                    background: url(../images/sprites.png) no-repeat scroll  0px -225px;
                }
                .d{
                    background: url(../images/sprites.png) no-repeat scroll  0px -242px;
                }
                .e{
                    background: url(../images/sprites.png) no-repeat scroll   0px -361px;
                }
                .f{
                    background: url(../images/sprites.png) no-repeat scroll   0px -378px;
                }
                .g{
                    background: url(../images/sprites.png) no-repeat scroll    0px -344px;
                }
                .h{
                    background: url(../images/sprites.png) no-repeat scroll    0px -327px;
                }
                .j{
                    background: url(../images/sprites.png) no-repeat scroll    0px -310px;
                }
                .k{
                    background: url(../images/sprites.png) no-repeat scroll    0px -191px;
                }
            }
            
        }
    }

}
.allbox{
    width: 1200px;
    height: 67px;
    margin: 0px auto;
    margin-top: 15px;
     .filterTabBar{
     width: 1200px;
     height: 32px;
     margin: 0px auto;
     border-bottom: 2px solid #B81C22;
     .filBox{
        
         width: 88px;
         height: 32px;
         background: #B81C22;
         line-height: 30px;
         
         span{
             display: block;    
             width: 48px;
             height: 14px;
             color: #ffffff;
             padding-left: 19px;
         }
     }
     
    }
    .pingjia{
        width: 1200px;
        height: 35px;
        border: 1px solid #EDEDED;
        border-top: none;
        .left{
            width: 388px;
            height: 33px;
//          border:1px solid red;
            ul{              
                li{
                    width: 74px;
                    height: 34px;
//                  background: red;
                    line-height: 34px;
                    text-align: center;
                    border-right: 1px solid #EDEDED;
                    float: left;
                    a{
                        position: relative;
                       span{
                           display: block;
                           width: 11px;
                           height: 11px;
                           position: absolute;
                           left: 27px;
                           top: 0px;
                           background: url(../images/sprites.png) 0px -3090px;
                       }
                       .shang{
                           background: url(../images/sprites.png) -21px -3112px;
                       } 
                    }
                }
            }
        }
    }  
} 
 .allContent{
    
     width: 1200px;
//   height: 800px;
     margin: 0px auto;
     margin-top: 15px;
     ul{
         width: 1200px;
         li{
             width: 230px;
             height: 307px;
             float: left;
             padding-right: 10px;
//           background: red;
            .imgBox{
                display: block; 
                width: 230px;
                height: 230px;
                border: 1px solid #EDEDED;
                img{
                    width: 230px;
                    height: 230px;
                }
            }
            a{
                display: block;
                width: 233px;
                height: 25px;
                text-align: center;
                color: #727171;
                font-weight: 400;
                margin-top: 20px;
                font-size: 13px;
            }
            span{
                display: block;
                float: left;
                width: 233px;
                height: 23px;
                color: #B81C22;
                text-align: center;
            }
         }
     }
 }   

